<div class="navbar navbar-inverse navbar-fixed-top">
	<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="#">Project name</a>
		</div>
		<div class="collapse navbar-collapse">
			<ul class="nav navbar-nav">
				<li class="active"><a href="#">Home</a></li>
				<li><a href="#about">About</a></li>
				<li><a href="#contact">Contact</a></li>
			</ul>
		</div><!--/.nav-collapse -->
	</div>
</div>

<div class="container">
	<h3 style="margin:0;">Choose your Stream (Prefereably rotating image based)</h3>
	<p style="margin-bottom: 1em;">Language needs playing with, not sure if "foster" is the correct/PC language!</p>
	<div style="margin-bottom:2em">
		<table border="1" bordercolor="#888" cellspacing="0" style="border-collapse:collapse;border-color:#eee;border-width:1px;width:100%">
		<tbody>
			<tr>
				<td style="width:33.333333333333%;padding:0 1.5em; vertical-align:top;">
					<h3 style="padding-top:0;padding-bottom:0.5em; border-bottom: 1px SOLID #EEE;">I foster</h3>
					
					<h4 style="margin:0;"><a href="/">Get Help</a></h4>
					<p style="margin-bottom:1em;margin-top:0.5em;">Why MCR,  what's the problem? Educational stats.</p>

					<h4 style="margin:0;"><a href="/">My Support Network</a></h4>
					<p style="margin-bottom:1em;margin-top:0.5em;">Linking you with other foster parents and education specialists.</p>

					<h4 style="margin:0;"><a href="/">Advice Centre</a></h4>
					<p style="margin-bottom:1em;margin-top:0.5em;">The pitfuls in education and cared for young people, FAQs and Ask an expert.</p>
				</td>
				<td style="width:33.333333333333%;padding:0 1.5em; vertical-align:top;">
					<h3 style="padding-top:0;padding-bottom:0.5em;border-bottom: 1px SOLID #EEE;">I'm fostered</h3>

					<h4 style="margin:0;"><a href="/">What we do</a></h4>
					<p style="margin-bottom:1em;margin-top:0.5em;">How can you help me and what is the point?</p>

					<h4 style="margin:0;"><a href="/">Who is on my side?</a></h4>
					<p style="margin-bottom:1em;margin-top:0.5em;">Linking you with people that can help!</p>

					<h4 style="margin:0;"><a href="/">It's about You!</a></h4>
					<p style="margin-bottom:1em;margin-top:0.5em;">Go to uni? Short taster courses! Feed your brain!</p>
				</td>
				<td style="width:33.333333333333%;padding:0 1.5em; vertical-align:top;">
					<h3 style="padding-top:0;padding-bottom:0.5em;border-bottom: 1px SOLID #EEE;">Get me involved</h3>

					<h4 style="margin:0;"><a href="/">What's the problem?</a></h4>
					<p style="margin-bottom:1em;margin-top:0.5em;">Who, what, where? Why am I needed?</p>

					<h4 style="margin:0;"><a href="/">How to support.</a></h4>
					<p style="margin-bottom:1em;margin-top:0.5em;">I'd like to become a mentor. Can my organisation help somehow?</p>

					<h4 style="margin:0;"><a href="/">Become a 'MCR Hero'.</a></h4>
					<p style="margin-bottom:1em;margin-top:0.5em;">Financially support MCR, sponsor a YP through university, standing orders...</p>
				</td>
			</tr>
		</tbody>
		</table>
	</div>
	<h3>About the MCR Foundation</h3>
	The MCR Foundation has been...
	<h3>Our Purpose</h3>
	brief text introducing the people, background, what drives it and what its trying to achieve


</div>